<!--  -->
<template>
  <Poptip v-model="visiblePoptip" placement="right-end">
    <Button type="text" class="btnText">{{btnText}}</Button>
    <div slot="title">
        <span>{{title}}</span>
    </div>
    <div slot="content">
     <template v-if="types==0">
          <i-input type="text" v-model="inputText" placeholder="请输入..." style="width: 120px"></i-input>
     </template>
      <Button type="primary" style="margin: 0 10px;" @click="handConfirm">
        <Icon type="checkmark-round"></Icon>
        <common-icon type="_gou" :size="14" color="#fff"></common-icon>
      </Button>
      <Button type="ghost" @click="handCancle">
        <common-icon type="_cha" :size="14" color="#333"></common-icon>
      </Button>
    </div>
  </Poptip>
</template>

<script>
import commonIcon from "_c/common-icon/common-icon.vue";
export default {
    props:{
        btnText:{
            type:String,
            default:''
        },
        title:{
            type:String,
            default:''
        },
        types:{
            type:Number,
            default:0
        }
    },
  data() {
    return {
        visiblePoptip:false,
        inputText:''
    };
  },

  components: {
      commonIcon
  },

  methods: {
      handConfirm(){
          this.visiblePoptip = false;
      },
      handCancle(){
          this.visiblePoptip = false;
      }
  },

  computed: {},

  mounted() {}
};
</script>
<style lang='less'>
.btnText{
    background-color: transparent;
    border-color: transparent;
    color: rgb(64, 116, 199);
    font-size: 14px;
    text-decoration: underline;
    &:hover{
        background: none;
        color: #ed4014 !important;
        text-decoration: underline !important;
        border-color: transparent;
    }
}
</style>